<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<link href="../css/bank-logo.css" rel="stylesheet"/>
<script type="text/javascript">
function initListener(){
	var bankList=document.getElementById("bankList");
	var banks=bankList.childNodes;
	for(var i=0;i<banks.length;i++){
		banks[i].onclick=function(){
			if(window.currentBankItem){
				window.currentBankItem.style.border="2px solid #ccc";
			}
			window.currentBankItem=this;
			window.currentBankItem.style.border="2px solid #f00";
		};
	}
}
window.onload=function(){
	initListener();
};
</script>
</head>
<body>
<div class="bank-list" id="bankList">
<img alt="" src="../images/blank-bank-logo.png" class="bank1"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank2"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank3"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank4"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank5"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank6"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank7"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank8"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank9"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank10"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank11"/>
<img alt="" src="../images/blank-bank-logo.png" class="bank12"/>
</div>
</body>
</html>